.ticket-booking-page {
  color: #fff;
  min-height: 100vh;
  background: #000;
  .page-title {
    color: #fff;
    text-align: center;
    padding-top: 20rpx;
    margin-bottom: 30rpx;
  }
  .title {
    margin-bottom: 20rpx;
  }
  .te {
    padding: 0 20rpx;
    margin-bottom: 30rpx;
    .button {
      margin-bottom: 30rpx;
      &:last-child {
        margin-bottom: 0;
      }
    }
    .date-button {
      margin-right: 30rpx;
      &:last-child {
        margin-right: 0;
      }
    }
    .date-button.active {
      text-decoration: underline;
    }
  }
  .tips {
    font-size: 20rpx;
    padding-left: 20rpx;
  }

  :deep(.uv-number-box) {
    .uv-number-box__minus,
    .uv-number-box__plus {
      width: 60rpx !important;
      height: 60rpx !important;
      background: #868686 !important;
      .uv-icon__icon {
        color: #fff !important;
      }
    }
    .uv-number-box__input {
      width: 60rpx !important;
      height: 60rpx !important;
      background: #fff !important;
      margin: 0;
      font-size: 32rpx;
    }
  }
  .calendar {
    margin-bottom: 30rpx;
  }
  .time-rangel-box {
    width: 440rpx;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30rpx;
    padding-left: 20rpx;
    .item {
      white-space: nowrap;
      margin-right: 30rpx;
      margin-bottom: 30rpx;
      &:last-child {
        margin-bottom: 0;
      }
      &:nth-child(2n) {
        margin-right: 0;
      }
      &:nth-last-child(2) {
        margin-bottom: 0;
      }
    }
    .item.active {
      text-decoration: underline;
    }
  }
  .type-button.active {
    text-decoration: underline;
  }
  .bottom-control-box {
    .bottom-control-container {
      background: #000;
      position: fixed;
      left: 0;
      width: 100%;
      bottom: 0;
      .wrap {
        display: flex;
        justify-content: space-between;
        height: 100rpx;
        padding: 20rpx 0;
        .total-price {
          text {
            margin-right: 10rpx;
          }
        }
        .disabled {
          color: rgba(255, 255, 255, 0.5);
          pointer-events: none;
        }
      }
    }
  }
}
